<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>校对</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="../../css/public.css" media="all">
    <style>
        body { background-color: #ffffff; }
        .layuimini-form .layui-form-item > .layui-input-block > tip {
            display: inline-block;
            margin-top: 10px;
            line-height: 10px;
            font-size: 10px;
            color: #a29c9c;
        }
        .check-info .table-search-fieldset {
            margin: 0;
            border: 1px solid #e6e6e6;
            padding: 10px 20px 5px 20px;
            color: #6b6b6b;
        }
        .check-info .table-search-fieldset legend {
            font-size: 20px;
        }
    </style>
</head>
<body>
<div class="layui-form layuimini-form check-info">
    <div class="layui-row layui-col-space15">
        <fieldset class="table-search-fieldset">
            <legend>过车详细信息</legend>
            <div style="margin: 10px 10px 10px 10px">
                <div class="layui-col-md6">
                    <div class="layui-form-item">
                        <label class="layui-form-label required">编号</label>
                        <div class="layui-input-block">
                            <input type="text" name="id" placeholder="" value="" class="layui-input id" readonly>
                            <tip>不可更改</tip>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label required">车牌号</label>
                        <div class="layui-input-block">
                            <input type="text" name="license" placeholder="" value="" class="layui-input license">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label required">车牌类型</label>
                        <div class="layui-input-block">
                            <input type="text" name="licenseType" placeholder="" value="" class="layui-input licenseType">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">过车时间</label>
                        <div class="layui-input-block">
                            <input type="text" class="layui-input time" id="time" name="time" placeholder="" lay-key="6">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">行政区划</label>
                        <div class="layui-input-block">
                            <input type="text" class="layui-input area" id="area" name="area" placeholder="" lay-key="6">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">过车路口</label>
                        <div class="layui-input-block">
                            <input type="text" class="layui-input position" id="position" name="position" placeholder="" lay-key="6">
                        </div>
                    </div>
                </div>
                <div class="layui-col-md6">
                    <div class="layui-form-item">
                        <label class="layui-form-label required">车辆描述</label>
                        <div class="layui-input-block">
                            <input type="text" name="carDscn" placeholder="请输入车辆描述" value="" class="layui-input carDscn">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label required">车牌截图</label>
                        <div class="layui-input-block">
                            <img id="licenseScreen" src="" style="width:100px; height:30px;">
                            <input class="layui-input licenseScreen" readonly type="hidden" value=""/>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">车速</label>
                        <div class="layui-input-block">
                            <input type="text" class="layui-input speed" name="speed" placeholder="请输入车速">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">方向</label>
                        <div class="layui-input-block">
                            <input type="text" name="direction" placeholder="请输入行驶方向" class="layui-input direction">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">车道</label>
                        <div class="layui-input-block">
                            <input type="text" name="lane" placeholder="请输入行驶车道" class="layui-input lane">
                        </div>
                    </div>
                </div>
            </div>
        </fieldset>
        <br>
        <fieldset class="table-search-fieldset">
            <legend>车辆详细信息</legend>
            <div style="margin: 10px 10px 10px 10px">
                <div class="layui-col-md12 layui-form-pane">
                    <blockquote class="layui-elem-quote layui-text">
                        行驶证信息
                    </blockquote>
                    <div class="layui-form-item">
                        <div class="layui-row layui-col-space15">
                            <div class="layui-col-md6">
                                <table class="layui-table" lay-skin="line" style="border-width: 0;">
                                    <colgroup>
                                      <col width="100">
                                      <col width="200">
                                    </colgroup>
                                    <tbody>
                                      <tr>
                                        <td>车牌号</td>
                                        <td>湘AZH726</td>
                                      </tr>
                                      <tr>
                                        <td>车牌类型</td>
                                        <td>小型汽车</td>
                                      </tr>
                                      <tr>
                                        <td>使用性质</td>
                                        <td>非营运</td>
                                      </tr>
                                      <tr>
                                        <td>所有人</td>
                                        <td>xxx</td>
                                      </tr>
                                      <tr>
                                        <td>住址</td>
                                        <td>xxxxxxxxxx</td>
                                      </tr>
                                      <tr>
                                        <td>品牌型号</td>
                                        <td>一汽丰田（Toyota） 凯美瑞</td>
                                      </tr>
                                      <tr>
                                        <td>车辆识别代号</td>
                                        <td>LTWSJ56D5DG071341</td>
                                      </tr>
                                      <tr>
                                        <td>发动机号码</td>
                                        <td>6609562</td>
                                      </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="layui-col-md6">
                                <table class="layui-table" lay-skin="line" style="border-width: 0;">
                                    <colgroup>
                                      <col width="100">
                                      <col width="200">
                                    </colgroup>
                                    <tbody>
                                      <tr>
                                        <td>注册日期</td>
                                        <td>2020-05-20</td>
                                      </tr>
                                      <tr>
                                        <td>发证日期</td>
                                        <td>2020-05-20</td>
                                      </tr>
                                      <tr>
                                        <td>核定载人数</td>
                                        <td>4</td>
                                      </tr>
                                      <tr>
                                        <td>总质量</td>
                                        <td>2210 kg</td>
                                      </tr>
                                      <tr>
                                        <td>整备质量</td>
                                        <td>1745 kg</td>
                                      </tr>
                                      <tr>
                                        <td>外廓尺寸</td>
                                        <td>4549 × 1835 × 1700 mm</td>
                                      </tr>
                                      <tr>
                                        <td>核定载质量</td>
                                        <td>--</td>
                                      </tr>
                                      <tr>
                                        <td>准牵引总质量</td>
                                        <td>--</td>
                                      </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <blockquote class="layui-elem-quote layui-text">
                        所有人驾驶证信息
                    </blockquote>
                    <div class="layui-form-item">
                        <div class="layui-row layui-col-space15">
                            <div class="layui-col-md6">
                                <table class="layui-table" lay-skin="line" style="border-width: 0;">
                                    <colgroup>
                                      <col width="100">
                                      <col width="200">
                                    </colgroup>
                                    <tbody>
                                      <tr>
                                        <td>驾驶人姓名</td>
                                        <td>李华</td>
                                      </tr>
                                      <tr>
                                        <td>身份证号</td>
                                        <td>123456789123456789</td>
                                      </tr>
                                      <tr>
                                        <td>性别</td>
                                        <td>男</td>
                                      </tr>
                                      <tr>
                                        <td>国籍</td>
                                        <td>中国</td>
                                      </tr>
                                      <tr>
                                        <td>住址</td>
                                        <td>xx省xx市xxx区xxxxxx</td>
                                      </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="layui-col-md6">
                                <table class="layui-table" lay-skin="line" style="border-width: 0;">
                                    <colgroup>
                                      <col width="100">
                                      <col width="200">
                                    </colgroup>
                                    <tbody>
                                      <tr>
                                        <td>出生日期</td>
                                        <td>1992-05-20</td>
                                      </tr>
                                      <tr>
                                        <td>初次领证日期</td>
                                        <td>2017-09-07</td>
                                      </tr>
                                      <tr>
                                        <td>准驾车型</td>
                                        <td>C 1</td>
                                      </tr>
                                      <tr>
                                        <td>有效期限</td>
                                        <td>2017-09-07 至 2023-09-07</td>
                                      </tr>
                                      <tr>
                                        <td>备注</td>
                                        <td>实习期至2018年09月07日</td>
                                      </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <blockquote class="layui-elem-quote layui-text">
                        车辆历史违章记录
                    </blockquote>
                    <div class="layui-form-item">
                        <table class="layui-hide" id="cur-illegal-table" lay-filter="cur-illegal-filter"></table>
                        <script type="text/html" id="cur-illagal-bar">
                            <a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="edit">详情</a>
                        </script>
                    </div>
                </div>
            </div>
        </fieldset>
        <br>
        <fieldset class="table-search-fieldset">
            <legend>过车近景/远景</legend>
            <div class="layui-row layui-col-space15" style="margin: 20px 0;">
                <div class="layui-col-md6">
                    <img src="http://localhost:8080/file-server/gcj-1.png" style="width:500px;height:300px;">
                </div>
                <div class="layui-col-md6">
                    <img src="http://localhost:8080/file-server/gcy-1.png" style="width:500px;height:300px;">
                </div>
            </div>
        </fieldset>
    </div>
</div>

<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script>
    layui.use(['form', 'laydate', 'table'], function () {
        var form = layui.form,
            layer = layui.layer,
            $ = layui.$,
            laydate = layui.laydate,
            table = layui.table;

        laydate.render({
            elem: '#time', type: 'datetime',
            format: 'yyyy-MM-dd HH:mm'
        });

        //监听提交
        form.on('submit(saveBtn)', function (data) {
            var index = layer.confirm(JSON.stringify(data.field), {
                title: '请确认最终的提交信息'
            }, function () {
                // 配置一个透明的询问框
                parent.layer.msg('修改完成，数据已更新！', {
                    time: 3000, // 3s后自动关闭
                    btn: '确定'
                });
                // 关闭弹出层
                layer.close(index);
                var iframeIndex = parent.layer.getFrameIndex(window.name);
                parent.layer.close(iframeIndex);
            });
            return false;
        });

        table.render({
            elem: '#cur-illegal-table',
            url: '../../api/carHistoryIllegal.json',
            defaultToolbar: ['filter', 'exports', 'print', {
                title: '提示',
                layEvent: 'LAYTABLE_TIPS',
                icon: 'layui-icon-tips'
            }],
            cols: [[
                {field: 'id', minWidth: 63, title: '编号', sort: true},
                {field: 'time', minWidth: 150, title: '违法时间', align:'center', sort: true},
                {field: 'illegalType', minWidth: 66, title: '违法类型'},
                {field: 'illegalDscn', minWidth: 150, title: '违法描述'},
                {field: 'speed', minWidth: 65, title: '车速', sort: true},
                {field: 'direction', minWidth: 60, title: '方向'},
                {field: 'lane', minWidth: 60, title: '车道'},
                {field: 'area', minWidth: 60, title: '区划'},
                {field: 'position', minWidth: 60, title: '路口'},
                {title: '操作', minWidth: 100, toolbar: '#cur-illagal-bar', align: "center"}
            ]],
            limits: [10, 15, 20, 25, 50, 100],
            limit: 15,
            page: true,
            skin: 'line'
        });
    });
</script>
</body>
</html>